<template>
   <div style="background: #F7F7F7">

     <p class="p1">选择开户行</p>
    <div class="one" style="margin-top: 0.2rem">

      <div class="one1">
        <p>卡类型</p>
        <p>招商银行</p>
        <img src="../../../src/assets/img/person/rightjiantou.png" alt="">
      </div>
      <p style="width: 92%;margin: auto;height: 0.01rem;background: #EDEDED"></p>
    </div>
     <div class="one" style="margin-top: 0.01rem">

       <div class="one1">
         <p>卡号</p>
         <input type="text" placeholder="请输入银行卡号" class="input1">
       </div>

     </div>


     <p class="p2">请填写银行预留信息</p>
     <div class="one" style="margin-top: 0.2rem">

       <div class="one1">
         <p>姓名</p>
         <input type="text" placeholder="请输入持卡人姓名" class="input2">
         <img src="../../../src/assets/img/person/rightjiantou.png" alt="">
       </div>
       <p style="width: 92%;margin: auto;height: 0.01rem;background: #EDEDED"></p>
     </div>


     <div class="one" style="margin-top: 0.02rem">

       <div class="one1">
         <p>身份证</p>
         <input type="text" placeholder="请输入身份证号" class="input1">
       </div>
       <p style="width: 92%;margin: auto;height: 0.01rem;background: #EDEDED"></p>
     </div>


     <div class="one" style="margin-top: 0.02rem">

       <div class="one1">
         <p>手机号</p>
         <input type="text" placeholder="请输入银行预留手机号" class="input1">
       </div>

     </div>
     <van-button type="info" class="xia">下一步</van-button>




   </div>
</template>

<script>
    export default {
        name: "Tjyinhangka"
    }
</script>

<style scoped>
  .van-field__label span{
   font-size: 0.3rem!important;
    color: red!important;
  }
  .p1{
    font-size:0.26rem;
    font-weight:500;
    color:rgba(153,153,153,1);
    margin-top: 0.4rem;
    margin-left: 0.3rem;
  }
  .p2{
    font-size:0.26rem;
    font-weight:500;
    color:rgba(153,153,153,1);
    margin-top: 0.5rem;
    margin-left: 0.3rem;
  }
  .one{
    width: 100%;
    height: 0.9rem;
    background: #fff;
  }
  .one1{
    width: 92%;
    margin: auto;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .one1 img{
    width: 0.1rem;
    height: 0.2rem;
  }
  .one1 p:nth-child(2){
    width: 75%;
  }
  .one1 p:nth-child(1){
    width: 18%;
    font-size:0.3rem;
    font-weight:bold;
    color:rgba(51,51,51,1);
  }
  .input1{
    width: 79%;
  }
  .input2{
    width: 75%;
  }
  .input2::placeholder{
    color: #333;
  }
  .input2:focus::placeholder{
    color: transparent;
  }
  .xia{
    width: 100%;
    height: 0.88rem;
    position: absolute;
    bottom: 0;
    font-size:0.36rem;
    font-weight:bold;
    color:rgba(255,255,255,1);
  }
</style>
